<!DOCTYPE html>
<html>

<head>
  <title>『OPPO手机官网』OPPO智能手机_OPPO最新款手机-OPPO智能手机官方网站</title>
  <meta charset="utf-8">
  <meta name="Keywords " content="$SiteKeywords " />
  <meta name="Description " content="$SiteDescription " />
  <link rel="stylesheet " type="text/css " href="css/globle.css " />
  <link rel="stylesheet " type="text/css " href="css/style.css " />
  <link rel="shortcut icon" type="image/x-icon" href="images/logo.png" title="『OPPO手机官网』OPPO智能手机_OPPO最新款手机-OPPO智能手机官方网站">  
  <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
  <script src='js/jquery-2.0.3.js'></script>
  <script src='js/index.js'></script>
</head>

<body>
  <!--头部 导航-->
  <header>
    <div class="hed">
      <ul>
        <li><a href="02登录.html">登录</a></li>
        <li><a href="03注册.html">注册</a></li>
        <li><a href="#">Global</a></li>
      </ul>
    </div>
    <div class="hed1">
      <div class="hed1-left">
        <img src="images/logo1.png" alt="">
      </div>
      <div class="hed1-right">
        <ul>
          <li><a href="01首页.html">首页</a></li>
          <li><a href="04产品.html" class="current" style="color:#393939;">产品</a></li>
          <li><a href="05商城.html">商城</a></li>
          <li><a href="06体验店.html">体验店</a></li>
          <li><a href="07服务.html">服务</a></li>
          <li><a href="#">ColorOS</a></li>
          <li><a href="#">社区</a></li>
        </ul>
      </div>
    </div>
  </header>

  <!--主要内容-->
  <main class="importance">
      <div class="ma">
        <!--第一部分-->
        <div class="first">
            <p><a href="">首页</a> / 产品</p>            
            <span>
                <img src="images/1.jpg" alt="">
                <img src="images/2.png" alt="">
            </span>
            <span>
                <img src="images/3.jpg" alt="">
                <img src="images/4.png" alt="">
            </span>
            <span>
                <img src="images/5.jpg" alt="">
                <img src="images/6.png" alt="">
            </span>
        </div>
        <!--第二部分-->
        <div class="second">
            <div class="pag">
                <h3><span>————————————————————</span>OPPO产品系列<span>————————————————————</span></h3>
                <p>R系列</p>
                <p>纤薄设计·至美外观</p>
                <ul>
                    <li>
                        <img src="images/pag.png" alt="">
                        <h3>R9s 黑色版</h3>
                        <span>全新配色震撼上市</span>
                    </li>
                    <li>
                        <img src="images/pag1.jpg" alt="">
                        <h3>R9s 玫瑰金</h3>
                        <span>这一刻,更清晰</span>
                    </li>
                    <li>
                        <img src="images/pag2.jpg" alt="">
                        <h3>R9s 金色</h3>
                        <span>1.66mm超窄边框 | 1600万像素 | 闪充</span>
                    </li>
                </ul>
            </div>
            <div class="pag">
                <p>A系列</p>
                <p>潮流设计·实用体验</p>
                <ul>
                    <li>
                        <img src="images/pag3.jpg" alt="">
                        <h3>A57 玫瑰金</h3>
                        <span>12月12日10点开售</span>
                    </li>
                    <li>
                        <img src="images/pag4.jpg" alt="">
                        <h3>A59s 金</h3>
                        <span>4GB运存+32GB内存</span>
                    </li>
                    <li>
                        <img src="images/pag5.jpg" alt="">
                        <h3>A37金</h3>
                        <span>全新美颜4.0</span>
                    </li>
                </ul>
            </div>
            <div class="pag">
                <p>Find系列 </p>
                <p>先进科技·智能旗舰</p>
                <ul>
                    <li>
                        <img src="images/pag6.png" alt="">
                        <h3>Find 7 标准版</h3>
                        <span>2k屏 | 1300万像素 | 闪充</span>
                    </li>
                    <li>
                        <img src="images/pag7.png" alt="">
                        <h3>Find 7 轻装版</h3>
                        <span>超清画质 | 1300万像素 | 闪充</span>
                    </li>
                </ul>
            </div>
            <div class="pag">
                <p>N系列</p>
                <p>旋转镜头·创意拍摄</p>
                <ul>
                    <li>
                        <img src="images/pag8.png" alt="">
                        <h3>N3</h3>
                        <span>1600万电动旋转摄像头 | 闪充</span>
                    </li>
                    <li>
                        <img src="images/pag9.png" alt="">
                        <h3>N1mini</h3>
                        <span>1300万旋转摄像头 | 个性多彩</span>
                    </li>
                </ul>
            </div>
        </div>
        <!--第三部分-->
        <div class="third">
            <h3><span>————————————————————</span>OPPO产品特色<span>————————————————————</span></h3>
            <img src="images/pag10.jpg" alt="">
            <img src="images/pag11.jpg" alt="">
        </div>
      </div>
  </main>

  <!--底部-->
  <footer>
    <div class="foot-top">
      <div class="f-left">
        <ul>
          <li><h3>推荐机型</h3></li>
          <li><span>R9s</span></li>
          <li><span>R9</span></li>
          <li><span>R9 plus</span></li>
          <li><span>A59</span></li>
        </ul>
        <ul>
          <li><h3>在线购买</h3></li>
          <li><span>手机</span></li>
          <li><span>配件</span></li>
          <li><span>购物指南</span></li>
          <li><span>官方授权网点</span></li>
        </ul>
        <ul>
          <li><h3>服务</h3></li>
          <li><span>服务网点查询</span></li>
          <li><span>零配件价格查询</span></li>
          <li><span>云服务</span></li>
          <li><span>建议反馈</span></li>
        </ul>
        <ul>
          <li><h3>关于我们</h3></li>
          <li><span>关于OPPO</span></li>
          <li><span>加入我们</span></li>
          <li><span>采购相关</span></li>
          <li><span>发布会回顾</span></li>
        </ul>
      </div>
      <div class="f-right">
        <img src="images/icon-online.png" alt="">
        <p>4001-666-888</p>
        <span>(24小时全国服务热线)</span>
      </div>
    </div>
    <div class="underline"></div>
    <div class="foot-down">
      <div class="ff-left">
        <p>© 2005 - 2016 东莞市永盛通信科技有限公司 版权所有 粤ICP备08130115号-1 联系方式：4001-666-888</p>
        <span href="" title="企业名称：广东欧珀电子工业有限公司
法定代表人：金乐亲
标识状态：已激活 粤工商备E191512001248
电子标识有效期：2015-12-14～2020-12-16"></a>
      </div>
      <div class="ff-right">
        <p>关注我们：</p>
        <a href=""><span class="fa fa-weibo"></span></a>
        <a href=""><span class="fa fa-weixin"></span><img src="images/qrcode-wx.jpg" alt=""></a>
        <a href=""><span class="fa fa-star"></span><img src="images/qrcode-fwc.jpg" alt=""></a>
      </div>
    </div>
  </footer>
</body>
</html>
